<template>
  <div class="app-container">
    <basic-container>
      <avue-form ref="form" v-model="obj" :option="option">
        <template slot-scope="scope" slot="menuForm">
          <el-button type="primary" @click="isAdd?rowSave():rowUpdate()">{{isBtnText}}</el-button>
          <el-button type="primary" @click="breaks">返回</el-button>
        </template>
      </avue-form>
    </basic-container>
  </div>
</template>

<script>
import { addObj, putObj, getById } from '@/api/houseTypeManage/houseTypeManage'
export default {
  data() {
    return {
      obj: {
        test: []
      }
    }
  },
  created() {
    this.getObj()
  },
  computed: {
    isBtnText() {
      return this.isAdd ? '新增' : '修改'
    },
    isAdd() {
      return !this.$route.params.id
    },
    option() {
      return {
        submitText: '提交',
        formWidth: '60%',
        labelWidth: '110',
        submitBtn: false,
        emptyBtn: false,
        column: [
          {
            label: '所属酒店',
            prop: 'jiudianid',
            type: 'select',
            span: 20
          },
          {
            label: '房型',
            prop: 'fangxid',
            span: 20
          },
          {
            label: '缩略图',
            prop: 'slt',
            type: 'upload',
            listType: 'picture-card',
            propsHttp: {
              url: 'url'
            },
            dataType: 'array',
            action: '/files',
            span: 20
          },
          {
            label: '房间价格',
            prop: 'price',
            span: 20
          },
          {
            label: '房间某车程价格',
            prop: 'fjmsjg',
            span: 20
          },
          {
            label: '房间销售价格',
            prop: 'fjxsjg',
            span: 20
          },
          {
            label: '房间评分',
            prop: '',
            placeholder: '满分五分',
            append: '(分)',
            span: 20
          },
          {
            label: '房型图片',
            prop: 'zhanshitpid',
            listType: 'picture-card',
            placeholder: '批量上传图片',
            propsHttp: {
              url: 'url'
            },
            dataType: 'array',
            action: '/files',
            type: 'upload',
            span: 20
          },
          {
            label: '商品属性',
            prop: 'test',
            type: 'checkbox',
            dicData: [
              {
                label: '首页推荐',
                value: 0
              },
              {
                label: '特惠',
                value: 1
              },
              {
                label: '精选',
                value: 2
              },
              {
                label: '限时秒杀',
                value: 3
              }
            ],
            span: 20
          },
          // {
          //   label: "房间参数",
          //   prop: "",
          //   prepend: "房间面积",
          //   append: "平方米",
          //   span: 14
          // },
          // {
          //   labelWidth: 0,
          //   prop: "",
          //   prepend: "楼层",
          //   append: "楼",
          //   span: 6
          // },
          // {
          //   prop: "",
          //   prepend: "床位",
          //   append: "例如:2米大床",
          //   span: 12
          // },
          // {
          //   labelWidth: 0,
          //   prop: "",
          //   prepend: "是否可加床",
          //   placeholder: "加床说明",
          //   span: 8
          // },
          // {
          //   label: "空调",
          //   prop: "nme1",
          //   type: "select",
          //   dicData: [
          //     {
          //       label: "有",
          //       value: 0
          //     },
          //     {
          //       label: "无",
          //       value: 1
          //     }
          //   ],
          //   span: 10
          // },
          // {
          //   label: "热水",
          //   prop: "nme1",
          //   type: "select",
          //   dicData: [
          //     {
          //       label: "有",
          //       value: 0
          //     },
          //     {
          //       label: "无",
          //       value: 1
          //     }
          //   ],
          //   span: 10
          // },
          // {
          //   prop: "",
          //   prepend: "无烟房",
          //   append: "无烟房说明",
          //   span: 12
          // },
          // {
          //   labelWidth: 0,
          //   prop: "",
          //   prepend: "宽带",
          //   append: "无线(有线)",
          //   span: 8
          // },
          // {
          //   prop: "",
          //   prepend: "其他",
          //   append: "其他信息",
          //   span: 12
          // },
          {
            label: '房间数量',
            prop: 'fjsl',
            append: '间',
            span: 20
          },
          {
            label: '位置标签',
            prop: '',
            span: 20
          },
          {
            label: '促销信息',
            prop: '',
            placeholder: '房间的促销信息（选填）',
            span: 20
          },
          {
            label: '是否含早及付款方式',
            prop: 'fxtj',
            span: 20
          },
          {
            label: '最早入住时间',
            prop: 'zqrzsj',
            span: 20
          },
          {
            label: '最晚离店时间',
            prop: 'zwldsj',
            span: 20
          },
          {
            label: '预约确认规则',
            prop: 'ydqrsx',
            span: 20
          },
          {
            label: '取消政策',
            prop: 'qxzc',
            span: 20
          },
          {
            label: '取消政策详情',
            prop: 'miaosha',
            span: 20
          },
          {
            label: '权益与特惠',
            prop: 'qyyyh',
            span: 20
          },
          {
            label: '发票开具规定',
            prop: 'fpkj',
            span: 20
          },
          {
            label: '是否首页推荐',
            prop: 'sytj',
            span: 20
          },
          {
            label: '商品简介',
            prop: 'details',
            component: 'AvueUeditor',
            span: 20
          }
        ]
      }
    }
  },
  methods: {
    getObj() {
      if (!this.isAdd) {
        getById(this.$route.params.id).then(res => {
          this.obj = res.data
        })
      }
    },
    rowUpdate() {
      putObj(this.obj).then(() => {
        this.$message({
          showClose: true,
          message: '修改成功',
          type: 'success'
        })
        this.$router.$avueRouter.closeTag()
        this.$router.push({ path: '/houseTypeManage/houseType' })
      })
    },
    rowSave() {
      addObj(Object.assign({}, this.obj)).then(() => {
        this.$message({
          showClose: true,
          message: '添加成功',
          type: 'success'
        })
        this.$router.$avueRouter.closeTag()
        this.$router.push({ path: '/houseTypeManage/houseType' })
      })
    },
    breaks() {
      this.$router.$avueRouter.closeTag()
      this.$router.push({ path: '/houseTypeManage/houseType' })
    }
  }
}
</script>

<style>
</style>